<template>
  <h1>ChartBase 基础图表</h1>
  <p>基础图表，传入echarts配置即可，组件附加了resize逻辑。</p>
  <p>
    图表参数一般取自
    ui-lib/components/chart/style，如纯色、渐变色、粗细、间距等。
  </p>
  <h3>ChartBase 属性</h3>
  <table-info type="props" :data="propsTable"></table-info>
  <YAxisCategory></YAxisCategory>
  <ComplexLegend></ComplexLegend>
  <CategoryBar></CategoryBar>
  <Legend></Legend>
</template>

<script setup>
import YAxisCategory from './yAxisCategory.vue'
import ComplexLegend from './complexLegend.vue'
import CategoryBar from './categoryBar.vue'
import Legend from './legend.vue'

const propsTable = [
  {
    name: 'option',
    desc: '同echarts参数，样式尽量使用 ui-lib/components/chart/style 中定义的样式。',
    type: 'Object',
  },
]
</script>
